<!DOCTYPE html>
<html>
<head>
    <title>督察问题标准表</title>
    <#include "/header.html">
        <link rel="stylesheet" href="${request.contextPath}/statics/css/homepage.css">
        <!--<link href="://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">-->
        <link rel="stylesheet" href="${request.contextPath}/statics/css/font-awesome.min.css">
        <link rel="stylesheet" href="${request.contextPath}/statics/plugins/jq22/jq22.css">
        <!--<link rel="stylesheet" href="${request.contextPath}/statics/plugins/jq22/superfish.css">-->

        </head>
<body>
<style type="text/css">
    #noticType span {
        padding: 5px 5px 5px 5px;
    }

    .choseActive {
        background-color: #2DA2FF;
        color: white;
    }
    .context :hover{
    	color:#2DA2FF;
    }
</style>
<div id="rrapp">
    <div class="flex-box">
        <div class="content-top content-box">
            <h4 class="clearfix charts-title">
                常用功能
                <span class="top-edit">
                <i class="fa fa-edit" onclick="openAlwaysUse();"></i>
            </span>
            </h4>
            <ul class="top-list function-list clearfix" id="alwaysUse">
                <!-- <li class="function-item">
                    <span class="item-icon">
                        <i class="fa fa-database"></i>
                    </span>
                    <span class="item-title">现场督察</span>
                </li>
                <li class="function-item">
                    <span class="item-icon">
                        <i class="fa fa-database"></i>
                    </span>
                    <span class="item-title">网上督察</span>
                </li>
                <li class="function-item">
                     <span class="item-icon">
                        <i class="fa fa-database"></i>
                     </span>
                    <span class="item-title">考核统计</span>
                </li>
                <li class="function-item">
                    <span class="item-icon">
                        <i class="fa fa-database"></i>
                    </span>
                    <span class="item-title">督察立项</span>
                </li>
                <li class="function-item">
                <a href="../../../modules/business/xzzl.html">
                    <span class="item-icon">
                        <i class="fa fa-database"></i>
                    </span>
                    <span class="item-title">指令统计</span></a>
                </li> -->
            </ul>
        </div>
        <div class="content-middle flex-horizontal">
            <div class="middle-left content-box">
                <h4 class="charts-title">
                    督察趋势
                    <span class="more-trends more-messages pull-right">
                        更多
                        <i class="fa fa-angle-right" style="margin-left: 5px"></i>
                    </span>
                    <span class="select-area pull-right cssmenu">
                         <!--<div id="trendChartXzqh" class="charts-select"></div>-->
                        <select id="trends-area-select" class="charts-area-select charts-select">
                            <option value="-1">全部</option>
                        </select>
                        <select id="trends-area-select-city" class="charts-area-select charts-select">
                            <option value="-1">全部</option>
                        </select>
                        <select id="trends-area-select-area" class="charts-area-select charts-select">
                            <option value="-1">全部</option>
                        </select>
                    </span>
                </h4>
                <ul class="date-type-list clearfix">
                    <li class="date-type-item pull-left active">
                        <button type="button" class="daily" value="1">天</button>
                    </li>
                    <li class="date-type-item pull-left">
                        <button type="button" class="week" value="2">周</button>
                    </li>
                    <li class="date-type-item pull-left">
                        <button type="button" class="month" value="3">月</button>
                    </li>
                    <li class="date-type-item pull-left">
                        <button type="button" class="year" value="4">年</button>
                    </li>
                </ul>
                <div class="trends-charts" id="trends-charts" style="width: 100%; height: 380px"></div>
            </div>
            <div class="middle-right content-box">
                <h4 class="charts-title">
                    <span id="titleByNotic">
                    	通知通报
                    </span>
                    <span class="changeType">
                        <span class="type-radio type1" style="display : none;" value="0">通知通报</span>
                        <span class="type-radio type2" style="display : none;" value="1">指令详情</span>
                    </span>
                    <span class="more-messages">
                        <span id="messageMore">更多</span>
                        <i class="fa fa-angle-right" style="margin-left: 5px"></i>
                    </span>
                </h4>
                <ul class="message-list" style="height:350px" id="noticlist">
                    <li class="message-item message-title clearfix">
                        <span class="title-left">标题</span>
                        <span class="title-right">发布时间</span>
                    </li>

                    <!-- <li class="message-item clearfix">
                        <span class="title-left">
                            <label class="top-tag">置顶</label>2018年清明扫墓活动专项督察通知2018年清明扫墓活动专项督察通知2018年清明扫墓活动专项督察通知</span>
                        <span class="title-right">2018-07-04</span>
                    </li>
                    <li class="message-item clearfix">
                        <span class="title-left">
                            <label class="top-tag">置顶</label>2018年清明扫墓活动专项督察通知</span>
                        <span class="title-right">2018-07-04</span>
                    </li>
                    <li class="message-item clearfix">
                        <span class="title-left">
                            <label class="top-tag">置顶</label>2018年清明扫墓活动专项督察通知</span>
                        <span class="title-right">2018-07-04</span>
                    </li>
                    <li class="message-item clearfix">
                        <span class="title-left">
                            <label class="top-tag">置顶</label>2018年清明扫墓活动专项督察通知</span>
                        <span class="title-right">2018-07-04</span>
                    </li>
                    <li class="message-item clearfix">
                        <span class="title-left">
                            <label class="top-tag">置顶</label>2018年清明扫墓活动专项督察通知</span>
                        <span class="title-right">2018-07-04</span>
                    </li>
                    <li class="message-item clearfix">
                        <span class="title-left">
                            <label class="top-tag">置顶</label>2018年清明扫墓活动专项督察通知</span>
                        <span class="title-right">2018-07-04</span>
                    </li>
                    <li class="message-item clearfix">
                        <span class="title-left">
                            <label class="top-tag">置顶</label>2018年清明扫墓活动专项督察通知</span>
                        <span class="title-right">2018-07-04</span>
                    </li>
                    <li class="message-item clearfix">
                        <span class="title-left">
                            <label class="top-tag">置顶</label>2018年清明扫墓活动专项督察通知</span>
                        <span class="title-right">2018-07-04</span>
                    </li> -->
                </ul>
                <div id="noticType">
               		<span class="choseActive" id="tztb" onclick="getNoticeList()" >通知通报</span>
               		<span id="zlxx" onclick="getInstructionList()" >指令信息</span>
                </div>
            </div>
        </div>
        <div class="content-bottom flex-horizontal">
             <!--督察问题-->
            <div class="bottom-left content-box">
                <h4 class="charts-title">
                    问题分类
                    <span class="select-area pull-right">
                        <select id="problem-date-select" class="charts-date-select charts-select">
                            <option value="1">本周</option>
                            <option value="2">本月</option>
                            <option value="3">本年</option>
                        </select>
                    </span>
                    <span class="select-area pull-right cssmenu" >
                         <!--<div id="problemChartXzqh" class="charts-select"></div>-->
                        <select id="problem-area-select" class="charts-area-select charts-select">
                            <option value="-1">全部</option>
                        </select>
                        <select id="problem-area-select-city" class="charts-area-select charts-select">
                            <option value="-1">全部</option>
                        </select>
                        <select id="problem-area-select-area" class="charts-area-select charts-select">
                            <option value="-1">全部</option>
                        </select>
                    </span>
                </h4>
                <div class="trends-charts" id="problem-charts" style="width: 100%; height: 380px"></div>
            </div>
            <!--督察数据-->
            <div class="bottom-center content-box">
                <h4 class="charts-title">
                    督察数据
                    <span class="select-area pull-right">
                        <select id="supervise-date-select" class="charts-date-select charts-select">
                            <option value="1">本周</option>
                            <option value="2">本月</option>
                            <option value="3">本年</option>
                        </select>
                    </span>
                    <span class="select-area pull-right">
                        <select id="supervise-area-select" class="charts-area-select charts-select">
                            <option value="-1">全部</option>
                        </select>
                        <select id="supervise-area-select-city" class="charts-area-select charts-select">
                            <option value="-1">全部</option>
                        </select>
                        <select id="supervise-area-select-area" class="charts-area-select charts-select">
                            <option value="-1">全部</option>
                        </select>
                    </span>
                </h4>
                <div class="trends-charts" id="supervise-charts" style="width: 100%; height: 380px"></div>
            </div>
            <!--整改情况-->
            <div class="bottom-right content-box">
                <h4 class="charts-title">
                    整改情况
                    <span class="select-area pull-right">
                        <select id="rectify-date-select" class="charts-date-select charts-select">
                            <option value="1">本周</option>
                            <option value="2">本月</option>
                            <option value="3">本年</option>
                        </select>
                    </span>
                    <span class="select-area pull-right cssmenu">
                        <!--<div id="rectifyChartXzqh"></div>-->
                        <select id="rectify-area-select" class="charts-area-select charts-select">
                            <option value="-1">全部</option>
                        </select>
                        <select id="rectify-area-select-city" class="charts-area-select charts-select">
                            <option value="-1">全部</option>
                        </select>
                        <select id="rectify-area-select-area" class="charts-area-select charts-select">
                            <option value="-1">全部</option>
                        </select>

                    </span>
                </h4>
                <div class="charts-box" id="rectify-charts" style="width: 100%; height: 250px"></div>
                <div class="charts-box charts-info" id="rectify-charts-info" style="width: 100%; height: 130px">
                    <div class="charts-info-left">
                        <p class="top-line">
                            <label class="charts-info-color"></label>
                            <span class="eczg">0</span>%
                        </p>
                        <span class="charts-info-title">今年二次整改单位</span>
                    </div>
                    <div class="charts-info-right">
                        <p class="top-line">
                            <label class="charts-info-color"></label>
                            <span class="sczg">0</span>%
                        </p>
                        <span class="charts-info-title">今年首次整改单位</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>-->
<script src="${request.contextPath}/statics/libs/jquery-3.3.1.min.js"></script>
<script src="${request.contextPath}/statics/libs/echarts.min.js"></script>
<!--<script src="${request.contextPath}/statics/plugins/jq22/jquery-latest.min.js"></script>-->
<!--<script src="${request.contextPath}/statics/plugins/jq22/jq22.js"></script>-->
<!--<script src="https://cdn.bootcss.com/echarts/4.1.0/echarts.min.js"></script>-->
<script src="${request.contextPath}/statics/js/modules/business/homepage/homepage.js?_${.now?long}"></script>
</body>
</html>